<!DOCTYPE html>
<html>
	<head>
		<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0' />
		<meta charset="UTF-8">
		<title>58图集</title>
		<link rel="stylesheet" href="__PUBLIC__/pc/css/base.css" />
		<link rel="stylesheet" href="__PUBLIC__/pc/css/swiper.min.css" />
		<link rel="stylesheet" href="__PUBLIC__/pc/css/layer.css" />
		<link rel="stylesheet" href="__PUBLIC__/pc/css/style.css" />
		<link rel="stylesheet" href="__PUBLIC__/pc/css/login.css" />
		<style type="text/css">
/*header*/
#header{ width: 100%;}
.headerTop{ width: 100%; height: 42px; background: #ff8a21;}
.headerLeft{height: auto; overflow: hidden;}
.headerLeft a{ height: 42px; line-height: 42px; float: left; display: block; overflow: hidden; font-size: 14px; color: #000}
.headerLeft a img{ display: block;margin: 9px 0px;width:30px;}
.headerRight li{ float: left; line-height: 42px; padding:0px 4px;}
.headerRight li a{ color: #000;}
.headerRight span.user_img{ width: 32px; height: 32px; display: block; float: left; margin: 5px; overflow: hidden; border-radius: 50%; -ms-border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;}
.headerRight span.user_img img{ width: 100%; height: 100%; display: block;}
.headerMain{ width: 100%; height: auto; overflow: hidden;}
.headerMain .logo{ width: 104px;height: 104px; overflow: hidden; display: block; margin: 20px auto;}
.headerMain .logo img{ width: 100%; height: 100%; display: block;}
.headerMain{width: 100%; height: auto; overflow: hidden;}
.headerHasLogin .headerMain .logo{ width: 157px; height: 46px; float: left;}
.headerMain .headerMenu{ float: left; height: auto; overflow: hidden;}
.headerMain .headerMenu li{ float: left; height: 30px; line-height: 30px; margin:30px 0px 0px 100px;padding: 0px 2px; font-size: 16px; color: #333;}
.headerMain .headerMenu li a.on,.headerMain .headerMenu li a:hover{ display: inline-block;  height: 26px; border-bottom: 2px solid #ffae22; color: #ffae22;}
.headerSerach{ width: 236px; height: 36px; border: 1px solid #c6c6c6; background: #fff; float: right; margin-top: 24px; border-radius: 18px; -webkit-border-radius: 18px; -ms-border-radius: 18px; -moz-border-radius: 18px;}
.serach_txt{ width: 160px; height: 36px; line-height: 36px; padding: 0px 10px 0px 20px; float: left; border: 0; background: none; outline: none;}
.serach_btn{ width: 46px; height: 36px; float: left; border: 0; outline: none; cursor: pointer; background: url(__PUBLIC__/pc/images/search_icon.png) center center no-repeat; background-size: 12px auto;}
/*content*/
#content{ width: 100%; height: auto; overflow: hidden;}
.banner{ width: 100%; height: auto; overflow: hidden;}
.banner img{ width: 100%; height: auto; overflow: hidden; display: block}
.banner .swiper-pagination-bullet-active{ background: #ff8a21; opacity: 1;}
.setmap{ width: 100%; height: auto; overflow: hidden; margin: 50px auto;}
.setmap ul{width: 100%;-webkit-column-count: 4;-moz-column-count: 4;column-count: 4;-moz-column-gap:15px;-webkit-column-gap:15px;column-gap:15px;}
.setmap li{padding:0px;height: auto; overflow: hidden; margin-bottom: 15px; position: relative; z-index: 10;}
.setmap li.notice{ background: #ffae22; color: #fff; padding: 15px 20px;}
.setmap li.notice p{ width: 100%; height: auto; overflow: hidden; margin-top: 20px;}
.setmap li.notice em{ width: 20px; height: 20px; display: block; position: absolute; z-index: 30; top: 10px; left: 10px; background: url(__PUBLIC__/pc/images/Quotes.png) center center no-repeat;}
.setmap li img{ width: 100%; height: auto; display: block; cursor: pointer;}
.setmap li dl{ width: 100%; padding: 8px 0px; height: auto; color: #fff; overflow: hidden; background: rgba(0,0,0,.6); position: absolute; z-index: 50; bottom: 0px; left: 0px; display: none;}
.setmap li:hover dl{ display: block;}
.setmap li dt{ padding:0px 8px; height:36px; line-height: 18px; overflow: hidden; display: -webkit-box;display: -ms-box;display: -moz-box;display: box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;-ms-line-clamp: 2;-moz-line-clamp: 2;line-clamp: 2;overflow: hidden;}
.setmap li dd{ padding:0px 8px; height: auto; overflow: hidden; margin-top: 5px;}
.setmap li dd span.user_img{margin-right: 6px; width: 26px; height: 26px; display: block; float: left; border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; overflow: hidden;}
.setmap li dd span.user_img img{ width: 100%; height: 100%; display: block;}
.setmap li dd p{ line-height: 26px; float: left;}
.setmap li dd a.share_icon{ width: 26px; height:26px ; display: block; float: right; background: url(__PUBLIC__/pc/images/share_icon.png) center center no-repeat; background-size: 14px auto;}
.userContent{ width: 100%; height: auto; overflow: hidden;}
.homeItem{ width: 100%; height: auto; overflow: hidden; margin-top: 40px;}
.homeItemHeader{ width: 100%; height: 20px; line-height: 20px; border-bottom: 1px solid #C6C6C6;}
.homeItemContent{ width: 100%; height: auto; overflow: hidden;}
.homeItemContent .row{ margin-top: 40px;}
.homeItemContent span.label{ width: 250px; height: 30px; line-height: 30px; display: block; float: left; text-align: right;}
.homeItemContent .cont{ width: 790px; height: auto; overflow: hidden; float: left;}
.homeItemContent p{ height: auto; overflow: hidden; line-height: 30px; float: left;}
.homeItemContent p span,.homeItemContent p input,.homeItemContent p em{ float: left;}
.homeItemContent .photosServicesItem p span{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 200px;}
.homeItemContent p ._txt{ height: 30px; overflow: hidden; line-height: 30px; width: 140px; text-align: center;}
.homeItemContent p ._txt1{ height: 30px; overflow: hidden; line-height: 30px; width: 200px; text-align: center;}
.homeItemContent p ._btn{ display: block; height: 30px; overflow: hidden; line-height: 30px; width: 60px; border-radius: 15px; margin:0px 20px; -webkit-border-radius: 15px; border: 0; cursor: pointer; background: #3cb352; color: #fff; -ms-border-radius: 15px; -moz-border-radius: 15px; text-align: center;}
.homeItemContent p ._btn1{background: #ffae22;}
.homeItemContent p em{ color: #999;}
.across{ width: 870px; height: 78px; border: 1px dashed #C6C6C6; margin: 0px auto; position: relative; z-index: 10;}
.across span{ width: 200px; height: 20px; line-height: 20px; text-align: center; position: absolute; z-index: 20; top: 50%; margin-top: -10px; left: 50%; margin-left: -100px;}
.across a{ height: 20px; overflow: hidden; line-height: 20px; width: 40px; border-radius: 10px;  -webkit-border-radius: 10px; border: 0; cursor: pointer; background: #ffae22; color: #fff; -ms-border-radius: 10px; display: inline-block; vertical-align: middle; margin-left: 10px; -moz-border-radius: 10px; text-align: center;}
.noticeSet{ width: 100%;height: auto; overflow: hidden; position: relative; z-index: 10;}
.noticeSetMain{ width: 340px; height: auto; overflow: hidden; margin: 0px auto; border:1px solid #C6C6C6}
.noticeSetMain dt{ width: 100%; height: auto; overflow: hidden; border-bottom: 1px solid #C6C6C6;}
.noticeSetMain dt ._txt{ width: 330px; height: 30px; line-height: 30px; padding: 0px 5px; border: 0;}
.noticeSetMain dd{ width: 100%; height: auto; overflow: hidden;  border-bottom: 1px solid #C6C6C6;}
.noticeSetMain dd ._textarea{ width: 330px; height: 100px; line-height: 20px; padding: 0px 5px; border: 0; outline: none; background: none;}
a.addNoticeBtn{ width: 340px; height: 30px; line-height: 30px; background: #FFAE22; display: block; text-align: center; color: #fff;}
a.previewNoticeBtn{ position: absolute; top:70px; right: 50%; margin-right: -260px; z-index: 20; height: 20px; overflow: hidden; line-height: 20px; width: 40px; border-radius: 10px;  -webkit-border-radius: 10px; border: 0; cursor: pointer; background: #ffae22; color: #fff; -ms-border-radius: 10px; display: inline-block; vertical-align: middle; -moz-border-radius: 10px; text-align: center;}
.homeSaveBtns{ width: 100%; height: auto; overflow: hidden; margin: 120px 0px 60px; text-align: center;}
.homeSaveBtns button{ border:none;cursor: pointer;width: 280px; height: 40px; line-height: 40px; text-align: center; display: inline-block; background: #FFAE22; color: #fff; border-radius: 20px; -webkit-border-radius: 20px; -ms-border-radius: 20px; -moz-border-radius: 20px;}
.homeTabs{ display: none;}
.userSet .user_img{ width: 80px; height: 80px; display: block; float: left; overflow: hidden; border-radius: 50%; -ms-border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;}
.userSet .user_img img{ width: 100%; height: 100%; display: block;}
.userSet .homeItemContent p .modify_btn{ float: left; margin: 24px;}
.userSet .homeItemContent ._txt1{ text-align: left;}
.userSet .homeItemContent ._select{height: 34px; overflow: hidden; line-height: 34px; width: 200px; float: left; margin-right: 20px;}
.userSet .loginPassword ul{width: 370px; height: auto; overflow: hidden; margin: 0px auto;}
.userSet .loginPassword li{ width: 100%; height: auto; overflow: hidden; margin-top: 30px; padding-bottom: 1px;}
.userSet .loginPassword li span.label{ width: 90px; height: 32px; line-height: 32px; display: block; float: left; text-align: right;}
.userSet .loginPassword li p{ float: left;}
.userSet .loginPassword li ._txt1{ height: 30px; overflow: hidden; line-height: 30px; width: 200px; text-align: left;}
.userSet .homeSaveBtns{ margin-top: 40px;}
.userSet .homeSaveBtns a{ width: 100px; margin: 0px 20px;}
.userSet .homeSaveBtns a.cancelBtn{ background: #999;}
.photosServices .homeItemContent ._select{height: 34px; overflow: hidden; line-height: 34px; width: 200px; float: left; margin-right: 20px;}
.photosServices .homeItemContent ._textarea{height: 200px; overflow: hidden; line-height: 20px; outline: none; padding: 5px; width: 310px; float: left; margin-right: 20px;}
.photosServices label{ float: left; vertical-align: middle; margin-right: 20px;}
.photosServices .homeItemContent p input[name=sort]{ margin: 8px; float: left; vertical-align: middle;}
.photosServices .photosServicesItem{ width: 294px; height: auto; overflow: hidden; margin-right: 40px; float: left;}
.photosServices .photosServicesItem span.img{ width: 100%; height: 195px; overflow: hidden; }
.photosServices .photosServicesItem span.img img{ width: 100%; height: 100%; display: block; overflow: hidden; }
.photosServices .photosServicesItem p{width: 100%; line-height: 30px; height: 30px; overflow: hidden;}
.photosServices .photosServicesItem p a{ float: right; padding: 0px 8px; height: 20px; line-height: 20px; margin-top: 6px; display: block; border:1px solid #FFAE22; border-radius: 10px; -ms-border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
.photosServices .photosServicesItem p a:hover{ background: #FFAE22; color:#fff}
.photosServices .batchPasLeft{float: left; width:520px; overflow: hidden;}
.photosServices .batchPasRight{float: left; width:480px; padding-left: 60px; margin-top: 40px; height: 110px; overflow: hidden; border-left: 1px solid #C6C6C6;}
.photosServices .batchPasRight span.label{ float: left; width: initial;}
.photosServices .batchPasRight p{ float: left; width: 420px; }
.photosServices .batchPasRight p .labels{ float: left; height: 20px; cursor: pointer; line-height: 20px; padding: 0px 8px; border: 1px solid #c6c6c6; margin: 4px 4px; border-radius: 12px;  -ms-border-radius: 12px;  -webkit-border-radius: 12px;  -moz-border-radius: 12px; }
.photosServices .batchPasRight p .labels.on{ background: #4dd0e1; border: 1px solid #4dd0e1; color: #fff;}

/*mask*/
#mask{ width: 100%; height: 100%; height: 100%; position: fixed; z-index: 1000; top: 0px; left: 0px; background: rgba(0,0,0,.6); display: none;}
#mask .maskCloseBtn{ width: 113px; height: 113px; display: block; position: absolute; z-index: 1010; top: 0px; right: 0px; background: url(__PUBLIC__/pc/images/maskClose.png) no-repeat; cursor: pointer;}
#mask .photoItemMask{ width: 700px; height: auto; overflow: hidden; position: absolute; z-index: 1100; left: 50%; margin-left: -350px; top: 10%;}
#mask .photoItemMaskOuter{ width: 100%; height: auto; overflow: hidden; background: #fff;}
#mask .photoItemMaskHeader{ width: 100%; height: 40px; line-height: 40px; overflow: hidden; text-align: center; font-size: 14px;}
#mask .photoItemMaskContent{ width: 100%; height: auto; overflow: hidden;}
#mask .photoItemMaskContent .swiper-wrapper img{ width: 100%; height: 470px; display: block;}
#mask .photoItemMaskContent dl img{ width: 100%; height: auto; display: block;}
#mask .photoItemMaskContentMain{padding:8px; height: auto; overflow: hidden;}
#mask .photoItemMaskContentMain p.cont{ float: left; width: 510px; height: 70px; overflow: hidden;}
#mask .photoItemMaskContentMain p.cont ._textarea{ width: 500px; height: 60px; padding: 4px; overflow: hidden; outline: none;}
#mask .photoItemMaskContentMain dl{ float: right; text-align: right;}
#mask .photoItemMaskContentMain dt{ width: 100%; height: auto; overflow: hidden; margin-top: 8px}
#mask .photoItemMaskContentMain dt a{ display: inline-block; vertical-align: middle; margin-left: 8px; padding: 2px 12px; border:1px solid #ffae21; border-radius: 12px; -webkit-border-radius: 12px; -ms-border-radius: 12px; -moz-border-radius: 12px;}
#mask .photoItemMaskContentMain dt a:hover{ background: #ffae21; color: #fff;}
#mask .photoItemMaskContentMain dd{ width: 100%; height: auto;overflow: hidden; margin-top: 8px;}
#mask .photoItemMaskContentMain dd span{ display: inline-block; vertical-align: middle;}
#mask .photoItemMaskContentMain dd a{ display: inline-block; width: 24px; height:24px; overflow: hidden; vertical-align: middle;}
#mask .swiper-button-next{ background: url(__PUBLIC__/pc/images/arrow_right.png) no-repeat; background-size: 100% 100%;}
#mask .swiper-button-prev{ background: url(__PUBLIC__/pc/images/arrow_left.png) no-repeat; background-size: 100% 100%;}
#mask .photoItemMaskFooter{ width: 100%; height: auto; overflow: hidden; text-align: center; padding: 20px 0px 30px;}
#mask .photoItemMaskFooter a{ display: inline-block; height: 40px; line-height: 40px; width: 35%; text-align: center; border: 1px solid #333; color: #000; margin: 0px 15px; border-radius: 21px; -ms-border-radius: 21px; -webkit-border-radius: 21px; -moz-border-radius: 21px;}
#mask .photoItemMaskFooter a:hover{ border: 1px solid #ffae21; background: #ffae21; color: #fff;}
.layer_reprint{ padding: 10px 20px 20px; height: auto; overflow: hidden; min-width: 200px; display: none;}
.layer_reprint_main{ width: 100%; height: auto; overflow: hidden;}
.row{ width: 100%; height: auto; overflow: hidden;}
.layer_reprint_main p{ width: 100%; height: auto; overflow: hidden; text-align: left;}
.layer_reprint_main select{ width: 100%; height: 30px; padding: 0px 10px; line-height: 30px; margin-top: 8px; outline: none;}
.layer_reprint_main ._txt{ width:180px; padding: 0px 10px; height: 28px; line-height: 28px; border: 1px solid #cdcdcd; margin-top: 8px; outline: none;}
.layer_reprint_footer{ width: 100%; height: auto; overflow: hidden; text-align: center; margin-top: 15px;}
.layer_reprint_footer a{ width: 60%; color: #fff; height: 30px; margin: 0px auto; background: #F0AD4E; line-height: 30px; display: block; border-radius: 20px;  -webkit-border-radius: 20px;  -moz-border-radius: 20px;  -ms-border-radius: 20px; }


.myFigureContent{ width: 100%; height: auto; overflow: hidden; position: relative; z-index: 10;}
.myFigureLeft{ width: 1000px; height: auto; overflow: hidden; float: left;}
.myAlbumItem{ width:293px; height: 230px; margin:40px 40px 0px 0px; float: left;}
.myAlbumItem .myAlbumItemContent{ width: 100%; height: 195px; position: relative; z-index: 10;}
.myAlbumItem .cover{ width: 100%; height: 100%; display: block;}
.myAlbumItem .albumBatchSet{ display: none; cursor: pointer; width: 100%; height: 100%; position: absolute; z-index: 999999; top: 0px; left: 0px; background: rgba(0,0,0,.6);}
.myAlbumItem .albumBatchSet span{ width: 24px; height: 24px; display: block; position: absolute; z-index: 40; top: 50%; margin-top: -12px; left: 50%; margin-left: -12px; border: 2px solid #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%;}
.myAlbumItem .albumBatchSet span.selected{ background: url(__PUBLIC__/pc/images/selected_icon.png) no-repeat; border: 0;}
.myAlbumItem .myAlbumItemDetails{ display: none; width: 100%; height: 100%; position: absolute; z-index: 30; top: 0px; left: 0px; background: rgba(0,0,0,.6);}
.myAlbumItem .myAlbumItemDetails ul{ width: 100%; height: auto; overflow: hidden; margin-top: 18px;}
.myAlbumItem .myAlbumItemDetails li{ width: 100%; height: 20px; text-align: center; line-height: 20px; text-align: center; overflow: hidden;font-size: 16px; color: #fff; margin-top:20px;}
.myAlbumItem .myAlbumItemDetails li a{ display: inline-block; padding-left: 24px; color: #fff;}
.myAlbumItem .myAlbumItemDetails li a.uploadPhotos{ background: url(__PUBLIC__/pc/images/uploadPhotos.png) left center no-repeat;}
.myAlbumItem .myAlbumItemDetails li a.deleteAlbum{ background: url(__PUBLIC__/pc/images/deleteAlbum.png) left 2px no-repeat;}
.myAlbumItem .myAlbumItemDetails li a:hover{ text-decoration: underline;}
.myAlbumItem .myAlbumItemDetails p{ padding: 8px; height: 40px; overflow: hidden; margin-top: 50px; color: #fff;}
.myAlbumItemFooter{ padding: 8px 0px; height: 20px; line-height: 20px; position: relative; z-index: 100;}
.myAlbumItemFooter a.share_icon{ width: 26px; height:20px ; display: block; float: right; background: url(__PUBLIC__/pc/images/share_icon.png) center center no-repeat; background-size: 14px auto;}
.myAlbumItemFooter a.edit_btn{ padding: 0px 10px; height:20px ; display: block; float: right; background:#F0AD4E; color: #fff; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px;}
.myAlbumItemFooter ul{ display: none; width: 64px; height: auto; position: absolute; right: -10px; top: 40px; background: #F0AD4E;}
.myAlbumItemFooter ul:after{ content: ""; width: 0px; height: 0px; border-left: 10px solid transparent; border-right:10px solid transparent; border-bottom: 8px solid #F0AD4E; position: absolute; z-index: 110; top: -8px; left:50% ; margin-left: -10px;}
.myAlbumItemFooter li{ height: auto; overflow: hidden; width: 100%; border-bottom: 1px solid #fff;}
.myAlbumItemFooter li:last-child{ border-bottom: 0;}
.myAlbumItemFooter li a{ width: 100%; height: 24px; line-height: 24px; text-align: center; display: block; color: #fff;}
.myNotice{ width: 184px; height: auto; overflow: hidden; position: absolute; z-index: 100; top: 40px; right: 50%; margin-right: -650px;}
.myNoticeHeader{padding:0px 8px;height: 30px; line-height: 30px; background: #ffae22;}
.myNoticeHeader a{ float: right; color: #333;}
.myNoticeContent{ padding: 0px height:auto; overflow: hidden; border-width: 0px 1px 1px 1px; border-style: solid; border-color: #c6c6c6;}
.myNoticeContent li{ width: 100%; height: auto; overflow: hidden; border-bottom: 1px solid #C6C6C6;}
.myNoticeContent li:last-child{ border-bottom: 0;}
.myNoticeContent li a{ display: block; padding: 6px; height: auto; overflow: hidden;}
.myNoticeContent li dt{ width: 100%; height: auto; overflow: hidden; line-height: 16px;}
.myNoticeContent li dd{ text-align: right; width: 100%; height: auto; overflow: hidden; line-height: 18px;}
.myFigureOperation{ width: 100%; height:auto; overflow: hidden; margin: 40px 0px;}
.myFigureOperation li{ float: left; margin-right: 40px;}
.myFigureOperation li.myFigureOperationCancel{ display: none}
.myFigureOperation li dt{ width: 160px; height: 160px;  overflow: hidden;}
.myFigureOperation li dt a{padding: 0px; border: 2px; width: 156px; height: 156px; border: 2px dashed #C6C6C6; dashed #C6C6C6; display: block;}
.myFigureOperation li dt a.newAlbumBtn{ background: url(__PUBLIC__/pc/images/newAlbumBtn.png) center center no-repeat;}
.myFigureOperation li dt a.batchDownloadBtn{ background: url(__PUBLIC__/pc/images/batchDownloadBtn.png) center center no-repeat;}
.myFigureOperation li dt a.batchDownloadselectedBtn{ background:#FF8A21 url(__PUBLIC__/pc/images/batchDownloadselectedBtn.png) center center no-repeat; border: 0; width: 160px; height: 160px;}
.myFigureOperation li dt a.cancelBtn{ background: url(__PUBLIC__/pc/images/cancelBtn.png) center center no-repeat #999; border: 0; width: 160px; height: 160px;}
.myFigureOperation li dd{ padding: 12px 0px; height: auto; overflow: hidden;}

.newAlbumLayer{ padding: 20px; width: 420px; height: auto; overflow: hidden; display: none;}
.newAlbumLayer li{ width: 100%; height: auto; overflow: hidden; margin-bottom: 20px;}
.newAlbumLayer li:last-child{ margin: 0;}
.newAlbumLayer li span.label{ height: 26px; line-height: 26px; display: block; float: left;}
.newAlbumLayer li p{ height: auto; overflow: hidden;width:350px; margin-left: 8px; display: block; float: left;}
.newAlbumLayer li p ._txt{ height: 24px; line-height: 24px; overflow: hidden; width:320px; padding: 0px 5px; }
.newAlbumLayer li p ._textarea{ height: 124px; line-height: 20px; overflow: hidden; width:320px; padding: 4px 5px; outline: none;}
.newAlbumLayerFooter{ width: 100%; height: auto; overflow: hidden; text-align: center; margin: 20px 0px;}
.newAlbumLayerFooter a{ width: 200px; height: 40px; color: #fff; background: #FF8A21; line-height: 40px; text-align: center; display: block; margin: 0px auto; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px;}
.editPhotoMask{ display: none; padding: 20px; height: auto; overflow: hidden;}
.editPhotoMask li{ width: 100%; height: auto; overflow: hidden; margin-top: 20px; display: box; display: -webkit-box; display: -moz-box; display: -ms-box;}
.editPhotoMask li span.label{ height: 30px; line-height: 30px; display: block;}
.editPhotoMask li p{ width: 100%; height: auto; box-flex:1; -webkit-box-flex:1; -moz-box-flex:1; -ms-ox-flex:1;}
.editPhotoMask li p ._txt{height: 28px; overflow: hidden; line-height: 28px; width: 280px;}
.editPhotoMask li p ._textarea{height: 130px; overflow: hidden; line-height: 20px; padding: 5px; width: 272px; outline: none;}
.editPhotoMask a,.editPhotoMask button{ width: 200px;height: 40px;line-height: 40px; text-align: center;display: block; margin: 20px auto 0px; background: #FFAE22; color: #fff;border-radius: 20px; -webkit-border-radius: 20px;-ms-border-radius: 20px; -moz-border-radius: 20px;}

.typeaddmask{ display: none; padding: 20px; height: auto; overflow: hidden;}
.typeaddmask li{ width: 100%; height: auto; overflow: hidden; margin-top: 20px; display: box; display: -webkit-box; display: -moz-box; display: -ms-box;}
.typeaddmask li span.label{ height: 30px; line-height: 30px; display: block;}
.typeaddmask li p{ width: 100%; height: auto; box-flex:1; -webkit-box-flex:1; -moz-box-flex:1; -ms-ox-flex:1;}
.typeaddmask li p ._txt{height: 28px; overflow: hidden; line-height: 28px; width: 280px;}
.typeaddmask li p ._textarea{height: 130px; overflow: hidden; line-height: 20px; padding: 5px; width: 272px; outline: none;}
.typeaddmask a,.typeaddmask button{ width: 200px;height: 40px;line-height: 40px; text-align: center;display: block; margin: 20px auto 0px; background: #FFAE22; color: #fff;border-radius: 20px; -webkit-border-radius: 20px;-ms-border-radius: 20px; -moz-border-radius: 20px;}




.decorationAlbumItem{ width: 100%; height: auto; margin: 40px 0px;}
.decorationAlbumItem li{ width: 292px; height: auto;  float: left; margin-right: 30px;position: relative; z-index: 10;}
.decorationAlbumItem li span.img{ width: 100%; height: 195px; display: block; overflow: hidden;}
.decorationAlbumItem li span.img img{ width: 100%; height: 100%; display: block;}
.decorationAlbumItem li p{ width: 100%; height: 40px; line-height: 40px; }
.decorationAlbumItem li a.choose_muban{ margin-top: 10px; padding: 0px 6px; height: 20px; line-height: 20px; overflow: hidden; display: block; float: right; border: 1px solid #ffae22; border-radius:12px; -webkit-border-radius: 12px; -ms-border-radius:12px; -moz-border-radius:12px;}
.decorationAlbumItem li ul{width:60px; height: auto; position: absolute; z-index: 20; right: -10px; top: 240px; background: #ffae22;}
.decorationAlbumItem li ul:after{ content:""; position: absolute; z-index: 200; top: -10px; left: 50%; margin-left: -10px; display: block; width: 0px; height: 0px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #FFAE22;}
.decorationAlbumItem li li{ width: 100%; height: 30px; line-height: 30px; overflow: hidden; border-bottom: 1px solid #fff; text-align: center;}
.photoTemplate{ display: none; padding: 20px;}
.photoTemplate ._select{ width: 100%; height: 30px; line-height: 30px; border: 1px solid #C6C6C6; outline: none;}
.photoTemplate a { width: 200px;height: 40px;line-height: 40px; text-align: center;display: block; margin: 30px auto 0px; background: #FFAE22; color: #fff;border-radius: 20px; -webkit-border-radius: 20px;-ms-border-radius: 20px; -moz-border-radius: 20px;}

/*footer*/
#footer{ width: 100%; height: auto; overflow: hidden; background: #333;}
#footer .footerTop{ width: 100%; height: auto; overflow: hidden; font-size: 14px;}
#footer .footerTop li{ float: left; height: 50px; line-height: 50px; margin-right: 80px;}
#footer .footerTop li a{ color: #fff;}
#footer .footerTop span.report{ height: 50px; line-height: 50px; color: #fff;}
#footer .footerMain{ width: 100%; height:auto; overflow: hidden; color:#fff; text-align: center; margin: 8px 0px;}
#footer .footerMain li{ width: 100%; height: 20px; line-height: 20px; }
		</style>
		<script type="text/javascript" src="__PUBLIC__/pc/js/jquery-1.7.2.min.js"></script>
		<script type="text/javascript" src="__PUBLIC__/pc/js/layer.js"></script>
		<script type="text/javascript" src="__PUBLIC__/pc/js/swiper.min.js"></script>
		<script type="text/javascript" src="__PUBLIC__/pc/js/YMDClass.js"></script>
<script type="text/javascript" src="__PUBLIC__/pc/js/china_area.js"></script>
<script type="text/javascript" src="__PUBLIC__/pc/js/jsAddresss.js"></script>
<script type="text/javascript" src="__PUBLIC__/pc/js/jquery.form.js"></script>
<script type="text/javascript">
$(function() {
    $.each(provinceJson, function(k, p) {
        var option = "<option value='" + p.id + "'>" + p.province + "</option>";
        $("#selProvince").append(option);
    });
    $("#selProvince").change(function() {
        var selValue = $(this).val();
        $("#selCity option:gt(0)").remove();
        $.each(cityJson, function(k, p) {
            if (p.id == selValue || p.parent == selValue) {
                var option = "<option value='" + p.id + "'>" + p.city + "</option>";
                $("#selCity").append(option);
            }
        });
    });
    $("#selCity").change(function() {
        var selValue = $(this).val();
        $("#selDistrict option:gt(0)").remove();
        $.each(countyJson, function(k, p) {
            if (p.parent == selValue) {
                var option = "<option value='" + p.id + "'>" + p.county + "</option>";
                $("#selDistrict").append(option);
            }
        });
    });
});
</script>
	</head>
	<body>
		<block name="header">
		<!--header-->
		<div id="header">
			<if condition="$logined eq  0">
			<!--未登录-->
			<div class="headerNotLogin">
				<!--top-->
				<div class="headerTop">
					<div class="w1064">
						<!--left-->
						<div class="headerLeft fl">
							<a href="index.html">
								<img src="__PUBLIC__/pc/images/wx.png" />
							</a>
							<a href="{:U('User/Index/login?type=qq')}">
								<img id="qq" src="__PUBLIC__/pc/images/qq.png" />	
							</a>
							<a href="{:U('User/Index/login?type=alipay')}">
								<img src="__PUBLIC__/pc/images/alpay.png" />
							</a>
							<a href="{:U('User/Index/login?type=sina')}">
								<img src="__PUBLIC__/pc/images/weibo.png" />
							</a>
							
						</div>
						<!--left end-->
						<!--right-->
						<div class="headerRight fr">
							<ul>
								<li>
									<a href="{:U('Home/Index/weblogin')}">登录</a>
								</li>
								<li>
									<span>/</span>
								</li>
								<li>
									<a href="{:U('Home/Index/register')}">注册</a>
								</li>
							</ul>
						</div>
						<!--right end-->
					</div>
				</div>
				<!--top end-->
				<!--main-->
				<div class="headerMain">
					<!--logo-->
					<div class="logo">
						<a href="javascript:void(0)">
							<img src="__PUBLIC__/pc/images/logo.png" />
						</a>
					</div>
					<!--logo end-->
				</div>
				<!--main end-->
			</div>
			<!--未登录 end-->
			<elseif condition="$logined eq  1" />
			<!--已登录-->
			<div class="headerHasLogin">
				<!--top-->
				<div class="headerTop">
					<div class="w1064">
						<!--left-->
						<div class="headerLeft fl">
							<!--<img src="__PUBLIC__/pc/images/house.png"/>  -->
							<a href="{:U('Home/Index/home')}">我的主页</a>
						</div>
						<!--left end-->
						<!--right-->
						<div class="headerRight fr">
							<ul>
								<li>
									<span class="user_img">
										<img src="{$headimg}" />
									</span>
									<span class="user_name">{$loginname}</span>
									<span class="user_name"><a href="{:U('Home/Index/index')}&lg=logout">登出</a></span>
								</li>
							</ul>
						</div>
						<!--right end-->
					</div>
				</div>
				<!--top end-->
				<!--main-->
				<div class="headerMain">
					<div class="w1064">
						<!--logo-->
						<div class="logo">
							<a href="{:U('Home/Index/index')}">
								<img src="__PUBLIC__/pc/images/logo_icon.png" />
							</a>
						</div>
						<!--logo end-->
						<!--menu-->
						<div class="headerMenu">
							<ul>
								<if condition="$Think.const.ACTION_NAME eq 'index'">
								<li>
									<a href="{:U('Home/Index/index')}" class="on">首页</a>
								</li>
								<li>
									<a href="{:U('Home/Index/myfigure')}">我的集图</a>
								</li>
								<elseif condition="$Think.const.ACTION_NAME eq 'myfigure'" />
								<li>
									<a href="{:U('Home/Index/index')}">首页</a>
								</li>
								<li>
									<a href="{:U('Home/Index/myfigure')}" class="on">我的集图</a>
								</li>
								<elseif condition="$Think.const.ACTION_NAME eq 'home'" />
								<li>
									<a href="{:U('Home/Index/home')}&types=1" class="on">用户中心</a>
								</li>
								<li>
									<a href="{:U('Home/Index/home')}&types=2">相册服务</a>
								</li>
								<li>
									<a href="{:U('Home/Index/home')}&types=3">装修相册</a>
								</li>
								<li>
									<a href="{:U('Home/Index/home')}&types=4">用户设置</a>
								</li>
								<li>
									<a href="{:U('Home/Index/home')}&types=5">VIP服务</a>
								</li>
								</if>
							</ul>
						</div>
						<if condition="$Think.const.ACTION_NAME neq 'home'">
						<!--menu end-->
						<!--serach-->
						<div class="headerSerach">
							<div class="headerSerachMain">
								<input type="text" class="serach_txt" />
								<input type="text" class="serach_btn" />
							</div>
						</div>
						<!--serach end-->
						</if>
					</div>
				</div>
				<!--main end-->
			</div>
			<!--已登录 end-->
		</div>
		<!--header end-->
		</if>
		</block>
		<block name="content"></block>
<block name="footer">
<!--footer-->
		<div id="footer">
			<div class="w1064">
				<div class="footerTop">
					<div class="footerNav">
						<ul>
							<li>
								<a href="#">关于58集图</a>
							</li>
							<li>
								<a href="#">与58集图合作</a>
							</li>
							<li>
								<a href="#">帮助说明</a>
							</li>
						</ul>
					</div>
					<span class="report fr">不良信息举报电话:020-2622 262</span>
				</div>
				<div class="footerMain">
					<ul>
						<li>所有版权归 五八集图服装有限网络公司</li>
						<li>copyright©Mircrosoft CO.t</li>
						<li>公司地址：广州市 天河区 天河路569号 壬丰大厦2505室</li>
					</ul>
				</div>
			</div>
		</div>
		<!--footer end-->
</block>
		<block name="others"></block>
		<block name="script"></block>
	</body>
							<script>
								new YMDselect('year1','month1');
							</script>
							<script>
							function setCookie(c_name,value,expiredays)
							{
							var exdate=new Date()
							exdate.setDate(exdate.getDate()+expiredays)
							document.cookie=c_name+ "=" +escape(value)+
							((expiredays==null) ? "" : ";expires="+exdate.toGMTString())
							}
							function getCookie(c_name)
							{
							if (document.cookie.length>0)
							  {
							  c_start=document.cookie.indexOf(c_name + "=")
							  if (c_start!=-1)
							    { 
							    c_start=c_start + c_name.length+1 
							    c_end=document.cookie.indexOf(";",c_start)
							    if (c_end==-1) c_end=document.cookie.length
							    return unescape(document.cookie.substring(c_start,c_end))
							    } 
							  }
							return ""
							}

								$(document).ready(function() {    
								      var y = parseInt(getCookie("scrolly"));  
								      if(y && ( y > 0)){  
								        window.scroll(0,y);  
								      }  
								})  
								var y = $(document).scrollTop();
								setCookie("scrolly",y,3600);
							</script>
</html>         
